<template>
  <div class="icontubiao">
    <div class="divimg" @click="gotofoodremend">
      <img src="../../assets/lunbo/tuijie2.png" class="icon_img" alt="">
      <p class="scriptmes">美食推荐</p>
    </div>
    <div class="divimg" @click="gotoGPS">
      <img src="../../assets/lunbo/dingwei.png" class="icon_img" alt="">
      <p class="scriptmes">GPS定位</p>
    </div>
    <div class="divimg" @click="gotocookbook">
      <img src="../../assets/lunbo/shipu.png" class="icon_img" alt="">
      <p class="scriptmes">精致食谱</p>
    </div>
  </div>
</template>
<script>
  export default{
    data(){
      return {
      }
    },
    components:{
    },
    methods:{
      gotofoodremend:function(){
        console.log("去美食推荐");
        this.$router.push('/home/foodrecommend');
      },
      gotoGPS:function(){
        console.log("去GPS定位");
      },
      gotocookbook:function(){
        console.log('去食谱');
        this.$router.push('/home/cookbook');
      }
    }
  }
</script>
<style>
  @import "../../css/iconarea.css";
</style>

